<template>
  <div class="order">
    <topheader title="订单">
    </topheader>
    <div class="order_bg">
    </div>
    <div class="order_info">
        <a class="order_desc">登录后查看订单详情</a>
        <router-link class="order_btn" to="/login">立即登录</router-link>
    </div>
  </div>
</template>

<script>
import TopHeader from "../components/TopHeader";
export default {
    name: 'Order', 
    components: {
      topheader:TopHeader,
    }
}
</script>
<style lang="stylus" rel="stylesheet/stylus">
  .order_bg
    height 20rem
    background url("../assets/onself/wmqs.jpg")
    background-repeat no-repeat
    background-position center
    background-size 60%
  .order_info
    display flex
    flex-direction column
    margin-top 0.8rem
    .order_desc
      text-align center
    .order_btn
      width 4rem
      margin 0.8rem auto 0
      padding 0.4rem 0.6rem
      border-radius 0.2rem
      background #41B883
      color #fff
</style>